
import { useIntersectionObserver } from '@vueuse/core'

export const lazyPlugin = {
  install(app){
    app.directive(
      "img-lazy" , {
        mounted(el,binding){
          // console.log(el,binding)
           const {stop} = useIntersectionObserver(
      el,
      ([{ isIntersecting }]) => {
        if (isIntersecting){
          el.src=binding.value;
          stop();
        }
      },)
        }
      }
    )
  }
}
